let ChristmasTree = document.querySelector('.ChristmasTree')
let card = document.querySelector('.card')
let box = document.querySelector('#box')
ChristmasTree.addEventListener('click',function(){
    card.setAttribute("style","opacity:0");
    let x = document.createElement("audio");
     x.setAttribute("src", "Stay with me.mp3");
     x.setAttribute("autoplay","autoplay");

// 打字效果
let i =0
let str = '公主同学展信好吖<没错今年又是这封信（不许说我江郎才尽）。既然公主说去年的我像韩剧男猪脚送去了一箱关怀，那今年就用鬼怪的《Stay with me》来给这封信当BGM吧，在韩剧的路上再进一步。btw看到这个背景照片的时候真的觉得好像我们在表白天桥上呢！一样的尴尬，一样的墨迹（到第七集都没在一起），但是一样的“It is a beautiful year, a beautiful love.” 这九个月就像做了一场幸福至极的梦，醒来发现自己根本没睡，一切都是真实发生的，经历的。<会记得2023年3月27号的那天晚上，会记得大同恒山的厕所，会记得淄博的日产天籁，会记得每次考试后去接孩子放学，会记得科技园1001的自习局（不），会记得gaogao0327，会记得五月天演唱会上我们是真正的快乐（先忽略他们假唱的不快乐），会记得公主这一年包容了我无数的问题，愿意忍我这个约会迟到、吃饭太少总让公主吃撑所以让公主今年变胖了（都是我的问题）、有问题还不说自己乱猜还憋在心里的笨蛋。<感谢“神”给我了一个和德善、恩卓一样善良的女孩，让我不用去许愿“有一个工作、有一个男朋友、有一个幸福的家庭”<那最后同样的 Christmas Greetings and Best Wishes! 但不一样的是很开心可以在2023中有了更多和Princess Nancy的记忆，虽然也有一些不开心的记忆让我勉为其难的比Nancy公主多想了她54天xixi  最后的最后24年也要一起快乐咯! < >>>>>>>>>>>$$2023.12.21'
let strp = ''

function print()
{
	if(str[i]=='<')
	{
	    document.getElementById("box").innerHTML=strp+"<br><br>+'|'";
		document.getElementById("box").style.letterSpacing = "1px";
	    strp+="<br><br>";
	}
	else if(str[i]=='>')
	{
	    strp+="&emsp;&emsp;&emsp;&emsp;";
	}
	else if(str[i]=='$')
	{
	    strp+="&emsp;&ensp;";
	}
	else if(str[i-1]=='2'&& str[i]=='4')
	{
	    strp+=str[i];
	    box.innerHTML=strp ;
	}
	else
	{
	    strp+=str[i];
	    box.innerHTML=strp;
	}
	i++;
}
setTimeout(() => {
    let printid=setInterval(() => {
        print();
        if(i==str.length)
        clearInterval(printid);
        },190);  // 190毫秒打一个字，其实细心发现的话，这个项目还是有个小小的bug，无法用语言描述这个bug，如果你想优化的话 有一种简单的方法就是调快打字的速度，这样那个bug看起来就不会很明显,我太菜了 不会改那个bug
}, 5500);  //5500毫秒开始打字
// 背景出现
function appearBackground(){
setTimeout(()=>{
box.style.opacity=1
},1500)
}
appearBackground()

})
